import { useGlobalData } from "@/pages/BigScreen/context/chat";
import ChatFooter from "../ChatFooter";
import styles from "./index.module.less";
import MsgContent from "../MsgContent";
const Chat = (props: any) => {
  const { scrollDomRef } = props;
  const global = useGlobalData();

  const { chatInputFooterRef } = global;
  return (
    <div className={styles["chat-wrapper"]}>
      <div className={styles["container"]} ref={scrollDomRef}>
        <MsgContent />
      </div>
      <div className={styles["footer"]}>
        <ChatFooter ref={chatInputFooterRef} />
      </div>
    </div>
  );
};
export default Chat;
